<template>
  <div class="wrapper" ref="wrapper">
    <ul class="content">
      <li v-for="item in 10">分类{{item}}</li>
    </ul>
  </div>

</template>

<script>
  import BScroll from 'better-scroll'

export default {
  name: "Category",
  mounted() {
    let bScroll = new BScroll('.wrapper', {
      probeType: 3,
      pullUpLoad: true
    })

    bScroll.on('scroll', (position) => {
      // console.log(position)
    })

    bScroll.on('pullingUp', () => {
      console.log('1')
    })
  }
}
</script>

<style scoped>

  .wrapper {
    height: 150px;
    background-color: #ff699c;
    overflow: hidden;
  }

</style>
